@import 'theme';
@import 'functions';
@import 'mixins';

// cx-address-card color variables
$cx-address-card-delete-msg-color: 'danger' !default;
$cx-address-card-delete-mode-background-color: 'background' !default;

// cx-address-card variables
$cx-address-card-margin: 0 0 1.25rem 0 !default;
$cx-address-card-radius: 0 !default;
$cx-address-card-actions-padding: 1.25rem 0 0 0 !default;
$cx-address-card-delete-msg: 0 0 1.25rem 0 !default;

.cx-address-card {
  margin: $cx-address-card-margin;
  border-radius: $cx-address-card-radius;
  &__actions {
    display: flex;
    justify-content: flex-end;
    padding: $cx-address-card-actions-padding;
  }
  &__delete {
    padding: $cx-address-card-actions-padding;
  }
  &__label--bold {
    @include weight('bold');
  }
  &__delete-msg {
    @include var-color('color', $cx-address-card-delete-msg-color);
    padding: $cx-address-card-delete-msg;
  }
  &--delete-mode {
    @include var-color(
      'background-color',
      $cx-address-card-delete-mode-background-color
    );
  }
}
